<script setup lang="ts">
import Card from '../components/card.vue'
</script>

<template>
  <Card
    title="O+ 互联，打破次元壁"
    subtitle="手机与电脑跨屏互联，在电脑上就能查找手机文件，实时浏览手机新照片，协同编辑手机文档。"
  >
    <picture>
      <source
        media="(min-width: 1536px)"
        srcset="@/views/product/reno14-pro/image/6/images-coloros-card-4-pc-1.png.webp"
      />
      <source
        media="(min-width: 1024px)"
        srcset="@/views/product/reno14-pro/image/6/images-coloros-card-4-pc-1.png.webp"
      />
      <source
        media="(min-width: 640px)"
        srcset="@/views/product/reno14-pro/image/6/images-coloros-card-4-pad-1.png.webp"
      />
      <img
        class="w-full aspect-[383/280] mt-[6.51vw] sm:aspect-auto sm:mt-0"
        src="@/views/product/reno14-pro/image/6/images-coloros-card-4-mo-1.png.webp"
        alt=""
        loading="lazy"
      />
    </picture>
  </Card>
</template>
